import { Canvas, Meta, Source } from '@storybook/blocks'

import { RadixPrimitiveDocsButton } from '../../storybook-utils/primitive-docs-button'
import * as SeparatorStories from './separator.stories'

<Meta of={SeparatorStories} />

<RadixPrimitiveDocsButton name='separator' />

# Separator

Visually or semantically separates content.

## Preview

<Canvas of={SeparatorStories.Default} />

## Usage

export const importCode = `import { Separator } from "@orbitkit/ui/separator";`

export const usageCode = `<Separator />`

<Source code={importCode} language='ts' dark />
<Source code={usageCode} language='tsx' dark />
